<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入jQuery -->
    <script src="./lib/jQuery/jQuery-3.6.0.js"></script>
    <!-- 引入共同css样式 -->
    <link rel="stylesheet" href="./css/car-baes.css">
    <!-- 引入index的css样式 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入index的字体图标 -->
    <link rel="stylesheet" href="./fonts/index/iconfont.css">
    <!-- 轮播插件引入 -->
    <link rel="stylesheet" href="./css/A-lp1-swiper-bundle.css">
    <!-- 头部引入css -->
    <link rel="stylesheet" href="./css/d-head.css">
    <!-- 尾部引入css -->
    <link rel="stylesheet" href="./css/d-foot.css">
    <!-- 侧边栏 -->
    <link rel="stylesheet" href="./css/d-sideNav.css">
    <!-- 详情页的数据 -->
    <script src="./js/pagedata.js"></script>

</head>

<body>
    <nav>
        <div class="d-head1">
            <!-- 广告图 -->
            <div class="d-banner">
                <div class="d-bannerA">
                    <img src="./images/d-banner.jpg" alt="">
                    <i class="d-banner-close"></i>
                </div>
            </div>
            <!-- 头部 -->
            <div class="d-head-main">
                <!-- log -->
                <div class="d-headlogo">
                    <img src="./images/d-head-logo.gif" alt="">
                </div>
                <!-- 头部主体部分 -->
                <div class="d-head">
                    <!-- 灰色区域 -->
                    <div class="d-headsit-nav">
                        <!-- 左半边 -->
                        <div class="d-headNav-left">
                            <!-- 地区 -->
                            <div class="d-headCity">
                                <div class="d-headCityCity">
                                    <i class="d-address"></i>
                                    <span class="d-add-span">郑州市</span>
                                </div>
                                <div class="d-headCityYc">
                                    <div class="hot">
                                        <b>苏州市</b>
                                        <b>北京市</b>
                                        <b>天津市</b>
                                        <b>上海市</b>

                                    </div>
                                    <div class="d-abc"></div>
                                    <ul class="d-headCityUl"></ul>
                                </div>
                            </div>
                            <!-- 登录注册 -->
                            <div class="d-headinfo">
                                <a href="./page/enter.html" class="d-denglu">请登录</a>
                                <a href="./page/register.html" class="d-zhuce">免费注册</a>
                            </div>
                        </div>
                        <!-- 右半边 -->
                        <ul class="d-headNav-right">
                            <li>
                                <a href="###">我的订单</a>
                            </li>
                            <li class="d-spacer"></li>
                            <li><a href="###">我的浏览</a></li>
                            <li class="d-spacer"></li>
                            <li><a href="./page/personalcenter.html">我的收藏</a></li>
                            <li class="d-spacer"></li>
                            <li><a href="###">客户服务</a></li>
                            <li class="d-spacer"></li>
                            <li class="d-headNav-right-lastli">
                                <div class="fl ">网站导航
                                    <div class="fl d-headNav-lastli-div1"></div>
                                </div>
                                <!-- 隐藏部分 -->
                                <div class="d-headNav-lastli-div2YC">
                                    <div class="d-headNav-div2YCLeft fl">
                                        <b><a href="###" class="d-notbs">特色主题</a></b>
                                        <a href="###">男装女装</a>
                                        <a href="###">鞋靴箱包</a>
                                    </div>
                                    <div class="d-headNav-div2YCRight fl">
                                        <b><a href="" class="d-notbs">促销活动</a></b>
                                        <br>
                                        <a href="">拍卖活动</a> <a href="">共创商品</a> <a href="">积分商城</a>
                                        <br>
                                        <a href="">CMS频道</a> <a href="">优惠活动</a> <a href="">超值礼包</a>
                                        <br>
                                        <a href="">优惠券</a> <a href="">礼品卡</a> <a href="">预售商品</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 搜索区域 -->
                    <div class="d-headSearch">
                        <input type="text" id="d-head-search" placeholder="周大福">
                        <button type="submit" class="d-head-button">搜商品</button>
                        <button type="submit" class="d-head-button d-head-store">搜店铺</button>
                        <div class="d-head-searchA">
                            <a href="#">周大福</a>
                            <a href="#">内衣</a>
                            <a href="#">Five Plus</a>
                            <a href="#">手机</a>
                        </div>
                    </div>
                    <!-- 购物车区域 -->
                    <div class="d-headshopCar">
                        <a href="###" class="d-headshopCarAA">
                            <i><img src="images/d-head-shopping.png" alt=""></i>
                            <span class="d-headshopCarSpan">我的购物车</span>
                            <em class="d-headshopCar-clount">0</em>
                        </a>
                        <div class="d-headshopCar-yc">
                            <a href="">
                                <img src="images/d-head-shopbiaoqing.png" alt="" class="fl">
                                <span class="d-headshopCarYc-span">购物车中还没有商品，赶紧选购吧！</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 导航栏 -->
                <div class="d-head-nav-all">
                    <div id="d-common-cat">
                        <a href="###" style="color: white;" class="d-common-catA">全部商品分类</a>
                    </div>
                    <div id="d-head-commn-nav">
                        <ul>
                            <li><a href="./index.html" class="red">首页</a></li>
                            <li><a href="./page/person.html" class="d-red1">个护美妆</a></li>
                            <li><a href="./cloth.html" class="d-pink">服装城</a></li>
                            <li><a href="./page/home.html" class="d-blue">家用电器</a></li>
                            <li><a href="./page/bag.html" class="d-balck">鞋靴箱包</a></li>
                            <li><a href="./page/group.html" class="d-red1">聚划算</a></li>
                            <li><a href="./page/presell.html" class="d-red1">预售</a></li>
                            <li><a href="./page/top.html" class="d-red1">店铺街</a></li>
                            <li><a href="./page/shop.html" class="d-red1">品牌专区</a></li>
                            <li><a href="./page/notice.html" class="d-red1">公告</a></li>
                            <div class="spec" data-spec=""></div>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 隐藏部分 -->
            <div class="d-head-YCtop">
                <div class="d-head-YCtop-mian">
                    <div class="d-head-YC-all">
                        <b>全部商品
                        </b>
                    </div>
                    <div class="d-head-YC-search">
                        <input type="text" id="d-head-search" placeholder="手机">
                        <button type="submit" class="d-head-button">搜商品</button>
                        <button type="submit" class="d-head-button d-head-store">搜店铺</button>
                    </div>
                    <div class="d-head-YC-dlzc">
                        <a href="###">登录</a> &nbsp;|&nbsp;
                        <a href="###">注册</a>
                    </div>
                    <div class="d-head-YC-shop">
                        <i></i>
                        <em class="d-head-YC-clount">0</em>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <!-- main1 -->
    <main class="A-main">
        <div class="A-main-left">
            <ul class="A-m-ul">
                <li>
                    <i>
                        <span class="iconfont icon-zhuangxiushangjia-"></span>
                    </i>
                    <div>
                        <p>
                            <a href="#">家用电器</a>
                        </p>
                        <p class="A-p1">
                            <a href="#">厨房电器</a>
                            <a href="#">大家电</a>
                        </p>
                    </div>
                    <div class="A-ul-div">
                        <div class="A-ul-div1">
                            <div>
                                <a href="#">品牌日</a>
                                <a href="#">家电城</a>
                                <a href="#">智能生活馆</a>
                                <a href="#">京东净化馆</a>
                                <a href="#">京东帮服务店</a>
                                <a href="#">值得买精选</a>
                            </div>
                            <div>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">厨房电器</a>
                                    </dt>
                                    <dd>
                                        <a href="#">电饭煲</a>
                                        <a href="#">电压力锅</a>
                                        <a href="#">豆浆机</a>
                                        <a href="#">面包机</a>
                                        <a href="#">咖啡机</a>
                                        <a href="#">微波炉</a>
                                        <a href="#">料理/榨汁机</a>
                                        <a href="#">电烤箱</a>
                                        <a href="#">电磁炉</a>
                                    </dd>
                                </dl>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">大家电</a>
                                    </dt>
                                    <dd>
                                        <a href="#">平板电视</a>
                                        <a href="#">空调</a>
                                        <a href="#">冰箱</a>
                                        <a href="#">洗衣机</a>
                                        <a href="#">家庭影院</a>
                                        <a href="#">DVD</a>
                                        <a href="#">迷你音响</a>
                                        <a href="#">热水器</a>
                                        <a href="#">冷吧/冰柜</a>
                                    </dd>
                                </dl>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">个人健康</a>
                                    </dt>
                                    <dd>
                                        <a href="#">按摩椅</a>
                                        <a href="#">剃须刀</a>
                                        <a href="#">脱毛器</a>
                                        <a href="#">口腔护理</a>
                                        <a href="#">理发器</a>
                                        <a href="#">按摩器</a>
                                        <a href="#">足浴盆</a>
                                    </dd>
                                </dl>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">五金家装</a>
                                    </dt>
                                    <dd>
                                        <a href="#">电动工具</a>
                                        <a href="#">仪表</a>
                                        <a href="#">水箱</a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <!-- 图片 -->
                        <div class="A-ul-div2">
                            <div>
                                <img src="./images/index/indexs000001.jpg" alt="">
                            </div>
                            <div>
                                <img src="./images/index/indexs000002.jpg" alt="">
                            </div>
                            <div>
                                <img src="./images/index/indexs000004.jpg" alt="">
                            </div>
                            <div>
                                <img src="./images/index/indexs000005.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </li>
                <!-- 2 -->
                <li>
                    <i>
                        <span class="iconfont icon-Txu"></span>
                    </i>
                    <div>
                        <p>
                            <a href="#">男装</a>
                            <a href="#">女装</a>
                            <a href="#">内衣</a>
                        </p>
                        <p class="A-p1">
                            <a href="#">女装</a>
                            <a href="#">男装</a>
                        </p>
                    </div>
                    <div class="A-ul-div">
                        <div class="A-ul-div1">
                            <div>
                                <a href="#">男装</a>
                                <a href="#">女装</a>
                                <a href="#">内衣</a>
                                <a href="#">国际品牌</a>
                            </div>
                            <div>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">男装</a>
                                    </dt>
                                    <dd>
                                        <a href="#">T恤</a>
                                        <a href="#">裤子</a>
                                        <a href="#">休闲裤</a>
                                    </dd>
                                </dl>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">女装</a>
                                    </dt>
                                    <dd>
                                        <a href="#">连衣裙</a>
                                        <a href="#">蕾丝/雪纺衫</a>
                                        <a href="#">T恤</a>
                                        <a href="#">半身裙</a>
                                        <a href="#">休闲裤</a>
                                        <a href="#">短裤</a>
                                        <a href="#">小西服</a>
                                        <a href="#">风衣</a>
                                    </dd>
                                </dl>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">服饰配件</a>
                                    </dt>
                                    <dd>
                                        <a href="#">配饰</a>
                                        <a href="#">棒球帽</a>
                                        <a href="#">遮阳帽</a>
                                    </dd>
                                </dl>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">内衣</a>
                                    </dt>
                                    <dd>
                                        <a href="#">内衣配饰</a>
                                        <a href="#">女式内裤</a>
                                        <a href="#">连裤袜/丝袜</a>
                                    </dd>
                                </dl>
                                <dl class="A-m-dl">
                                    <dt>
                                        <a href="#">运动户外</a>
                                    </dt>
                                    <dd>
                                        <a href="#">跑步运动</a>
                                        <a href="#">舞蹈运动</a>
                                        <a href="#">瑜伽运动</a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- 3 -->
                <li>
                    <i>
                        <span class="iconfont icon-xiezi"></span>
                    </i>
                    <div>
                        <p>
                            <a href="#">鞋靴</a>
                            <a href="#">箱包</a>
                            <a href="#">钟表</a>
                            <a href="#">奢侈品</a>
                        </p>
                        <p class="A-p1">
                            <a href="#">奢侈品</a>
                            <a href="#">功能箱包</a>
                        </p>
                    </div>
                </li>
                <!-- 4 -->
                <li>
                    <i>
                        <span class="iconfont icon-zhaoxiangji"></span>
                    </i>
                    <div>
                        <p>
                            <a href="#">手机</a>
                            <a href="#">数码</a>
                            <a href="#">通信</a>
                        </p>
                        <p class="A-p1">
                            <a href="#">摄影摄像</a>
                            <a href="#">手机通讯</a>
                        </p>
                    </div>
                </li>
                <!-- 5 -->
                <li>
                    <i>
                        <span class="iconfont icon-diannao"></span>
                    </i>
                    <div>
                        <p>
                            <a href="#">鞋靴、</a>
                            <a href="#">箱包、</a>
                        </p>
                        <p class="A-p1">
                            <a href="#">奢侈品</a>
                            <a href="#">功能箱包</a>
                        </p>
                    </div>
                </li>
                <!-- 6 -->
                <li>
                    <i>
                        <span class="iconfont icon-chuang"></span>
                    </i>
                    <div>
                        <p>
                            <a href="#">鞋靴</a>
                            <a href="#">箱包</a>
                            <a href="#">钟表</a>
                            <a href="#">奢侈品</a>
                        </p>
                        <p class="A-p1">
                            <a href="#">奢侈品</a>
                            <a href="#">功能箱包</a>
                        </p>
                    </div>
                </li>
                <!-- 7 -->
                <li>
                    <i>
                        <span class="iconfont icon-huazhuangpin"></span>
                    </i>
                    <div>
                        <p>
                            <a href="#">个人化妆</a>
                            <a href="#">清洁用品</a>

                        </p>
                        <p class="A-p1">
                            <a href="#">奢侈品</a>
                            <a href="#">功能箱包</a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="A-main-center">
            <div class="swiper A-swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./images/index/A-lp1-01.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/index/A-lp1-02.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/index/A-lp1-03.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/index/A-lp1-04.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="./images/index/A-lp1-05.jpg" alt=""></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <!-- <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div> -->
            </div>
        </div>
        <div class="A-main-right">
            <div class="A-r-login">
                <div>
                    <a href="#">
                        <img src="./images/index/A-lpr-01.png" alt="">
                    </a>
                </div>
                <div class="A-r-login-div2">
                    <p>Hi,欢迎来到大商创</p>
                    <a href="./page/enter.html" class="A-r-dl">请登录</a>
                    <a href="#" class="A-r-kd">我要开店</a>
                </div>
            </div>
            <div>
                <p>
                    <a href="#" class="A-r-gg">公告</a>
                    <a href="#" class="A-r-gg">促销</a>
                </p>
                <ul class="A-r-gg-ul">
                    <li>服务店突破2000多家</li>
                    <li>我们成为中国最大家电零售B2B2C系统</li>
                    <li>三大国际腕表品牌签约</li>
                </ul>
                <ul class="A-r-gg-ul">
                    <li>春季家装季，家电买一送一</li>
                    <li>抢百元优惠券，享4.22%活期</li>
                    <li>Macbook最高返50000消费豆！</li>
                </ul>
            </div>
            <div class="A-kjrk">快捷入口</div>
            <div class="A-kjrk-t">
                <div>
                    <a href="#">
                        <img src="./images/index/A-kj-01.png" alt="">
                    </a>
                    <p>我的浏览</p>
                </div>
                <div>
                    <a href="#">
                        <img src="./images/index/A-kj-02.png" alt="">
                    </a>
                    <p>我的收藏</p>
                </div>
                <div>
                    <a href="#">
                        <img src="./images/index/A-kj-03.png" alt="">
                    </a>
                    <p>我的订单</p>
                </div>
                <div>
                    <a href="#">
                        <img src="./images/index/A-kj-04.png" alt="">
                    </a>
                    <p>账号安全</p>
                </div>
                <div>
                    <a href="#">
                        <img src="./images/index/A-kj-05.png" alt="">
                    </a>
                    <p>我的分享</p>
                </div>
                <div>
                    <a href="#">
                        <img src="./images/index/A-kj-06.png" alt="">
                    </a>
                    <p>商家入驻</p>
                </div>
            </div>
        </div>
    </main>
    <!-- main2 -->
    <main class="A-main2 A-floor">
        <ul class="A-asc-ppr">
            <li>
                <a href="#">
                    <img src="./images/index/A-lpx-01.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/index/A-main2-011.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index/A-main2-012.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index/A-main2-013.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index/A-main2-014.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index/A-main2-015.png" alt="">
                </a>
            </li>
        </ul>
    </main>
    <!-- main22 -->
    <main class="A-main22 A-floor">
        <!-- <div class="A-main22-div">
            <div>
                <h3>好货大聚惠</h3>
                <div>周年庆第一波，每天5场限时秒杀</div>
                <a href="#">更多周年好货 &gt;</a>
            </div>
            <div></div>
        </div> -->
    </main>
    <!-- main3 -->
    <main class="A-main3 A-floor">
        <ul class="A-main3-ul">
            <li>
                <a href="#">
                    <img src="./images/index/A-main3-011.jpg" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-012.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-013.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-014.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-015.png" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/index/A-main3-016.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-017.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-018.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-019.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-020.png" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/index/A-main3-021.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-022.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-023.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/index/A-main3-024.png" alt="">
                </a>
            </li>
        </ul>
    </main>
    <!-- main4 -->
    <main class="A-main4 A-floor">
        <div class="A-fxhh">
            <div class="A-fxhh-h">
                <h3>发现好货</h3>
                <a href="#">
                    <span>更多好货</span>
                    <span>&gt;</span>
                </a>
            </div>
            <div class="A-fxhh-ul">
                <ul>
                    <li class="A-hh-li-faster">
                        <div>
                            <a href="#">
                                <img src="./images/index/A-main4-011.jpg" alt="">
                            </a>
                        </div>
                        <div>阿迪达斯三叶草</div>
                        <div>也许是每一款经典系列都应该有一个独特的故事吧</div>
                        <a href="#">点击查看</a>
                    </li>
                    <li class="A-hh-lis">
                        <div>
                            <a href="#">
                                <img src="./images/index/A-main4-012.jpg" alt="">
                            </a>
                        </div>
                        <div class="A-hh-z">
                            <div>360行车记录</div>
                            <div>夜视 监控 电子狗 蓝牙</div>
                        </div>
                    </li>
                    <li class="A-hh-lis">
                        <div>
                            <a href="#">
                                <img src="./images/index/A-main4-013.jpg" alt="">
                            </a>
                        </div>
                        <div class="A-hh-z">
                            <div>攀升兄弟</div>
                            <div>I7独显主机</div>
                        </div>
                    </li>
                    <li class="A-hh-lis">
                        <div>
                            <a href="#">
                                <img src="./images/index/A-main4-014.jpg" alt="">
                            </a>
                        </div>
                        <div class="A-hh-z">
                            <div>OPPO R11</div>
                            <div>新品热力红 30天免息</div>
                        </div>
                    </li>
                    <li class="A-hh-lis">
                        <div>
                            <a href="#">
                                <img src="./images/index/A-main4-015.jpg" alt="">
                            </a>
                        </div>
                        <div class="A-hh-z">
                            <div>三星55吋</div>
                            <div>4K处理器流畅不卡顿</div>
                        </div>
                    </li>
                    <li class="A-hh-lis">
                        <div>
                            <a href="#">
                                <img src="./images/index/A-main4-016.jpg" alt="">
                            </a>
                        </div>
                        <div class="A-hh-z">
                            <div>华为智能腕表</div>
                            <div>防水蓝宝石玻璃镜面</div>
                        </div>
                    </li>
                    <li class="A-hh-lis">
                        <div>
                            <a href="#">
                                <img src="./images/index/A-main4-017.jpg" alt="">
                            </a>
                        </div>
                        <div class="A-hh-z">
                            <div>海尔对开门</div>
                            <div>风冷无霜 低温净味</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="A-tstj">
            <div class="A-fxhh-h A-fxhh-s">
                <h3>特色推荐</h3>
                <a href="#">
                    <span>更多特色推荐</span>
                    <span>&gt;</span>
                </a>
            </div>
            <div class="A-tstj-div">
                <div class="A-tstj-dv">
                    <p>
                        <a href="#">
                            <i class="A-tstj-i">好心情喝出来</i> 遇见懂你的饮品
                        </a>
                    </p>
                    <div>
                        <a href="#">
                            <img src="./images/index/A-main4-021.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="A-tstj-dv">
                    <p>
                        <a href="#">
                            <i class="A-tstj-i">纸 因有爱</i> 用心呵护您和家人的健康
                        </a>
                    </p>
                    <div>
                        <a href="#">
                            <img src="./images/index/A-main4-022.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="A-tstj-dv">
                    <p>
                        <a href="#">
                            <i class="A-tstj-i">爱车一族</i> 自驾游说走就走
                        </a>
                    </p>
                    <div>
                        <a href="#">
                            <img src="./images/index/A-main4-023.jpg" alt="">
                        </a>
                    </div>
                </div>
                <div class="A-tstj-dv">
                    <p>
                        <a href="#">
                            <i class="A-tstj-i">厨房管理员</i> 健康从点滴开始
                        </a>
                    </p>
                    <div>
                        <a href="#">
                            <img src="./images/index/A-main4-024.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- main5 -->
    <main class="A-main5 A-floor">
        <!-- 1 -->
        <div class="A-main5-tm">
            <div class="A-main5-txp">
                <h5>特卖</h5>
                <a href="#">更多特卖 &gt;</a>
            </div>
            <div class="A-main5-tm-ul">
                <ul>
                    <li class="A-main5-tmli1">
                        <a href="#">
                            <div>新年心愿单</div>
                            <div>满269减50,满999减100</div>
                            <div>
                                <img src="./images/index/A-main5-001.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>高美高 时尚皮具</div>
                            <div>满269减50</div>
                            <div>
                                <img src="./images/index/A-main5-002.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>HW 节日好礼</div>
                            <div>满999减100</div>
                            <div>
                                <img src="./images/index/A-main5-003.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>Ms.Maggie 冬季时尚</div>
                            <div>满199减100</div>
                            <div>
                                <img src="./images/index/A-main5-005.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>阿迪达斯 领跑时尚</div>
                            <div>满269减50</div>
                            <div>
                                <img src="./images/index/A-main5-004.jpg" alt="">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 2 -->
        <div class="A-main5-xp">
            <div class="A-main5-txp">
                <h5>新品</h5>
                <a href="#">更多新品 &gt;</a>
            </div>
            <div class="A-main5-ml">
                <ul>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>魅蓝S6新品开售享好礼</div>
                            <div>直降300元</div>
                            <div>
                                <img src="./images/index/A-main5-021.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>新Nokia6</div>
                            <div>返200元云券</div>
                            <div>
                                <img src="./images/index/A-main5-022.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>三星爆款</div>
                            <div>最高省700</div>
                            <div>
                                <img src="./images/index/A-main5-023.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>品质年货 预售会场</div>
                            <div>1分抵50</div>
                            <div>
                                <img src="./images/index/A-main5-024.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>直邮专场 拔草更放心</div>
                            <div>后套装629元</div>
                            <div>
                                <img src="./images/index/A-main5-025.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="A-main5-tmlis">
                        <a href="#">
                            <div>阿迪达斯 领跑时尚</div>
                            <div>满269减50</div>
                            <div>
                                <img src="./images/index/A-main5-026.jpg" alt="">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 3 -->
        <div class="A-main5-phb">
            <div class="A-main5-txp">
                <h5>排行榜</h5>
                <a href="#">精品风向标 &gt;</a>
            </div>
            <div class="A-main5-ph">
                <ul>
                    <li class="A-main5-p">
                        <a href="#">
                            <div>
                                <img src="./images/index/A-main5-031.jpg" alt="">
                            </div>
                            <div>志高嵌入式电陶炉家用双头双灶镶嵌式电磁炉双眼光波炉特价正品 不挑锅可烧烤 三环猛火 嵌入式双灶</div>
                            <div>¥488.00</div>
                        </a>
                    </li>
                    <li class="A-main5-p">
                        <a href="#">
                            <div>
                                <img src="./images/index/A-main5-032.jpg" alt="">
                            </div>
                            <div>Galanz/格兰仕 G80F23CN3LN-Q6(WO) 家用微波炉 光波炉 烤箱一体 手机远程操控 一级能效 低至599</div>
                            <div>¥599.00</div>
                        </a>
                    </li>
                    <li class="A-main5-p">
                        <a href="#">
                            <div>
                                <img src="./images/index/A-main5-033.jpg" alt="">
                            </div>
                            <div>Ordro/欧达 Z20 数码摄像机支持wifi 高清广角专业家用商务婚庆DV 可加热靴索尼影像2400万1080P</div>
                            <div>¥18999.00</div>
                        </a>
                    </li>
                    <li class="A-main5-p">
                        <a href="#">
                            <div>
                                <img src="./images/index/A-main5-034.jpg" alt="">
                            </div>
                            <div>苏泊尔火红点近无油烟不粘锅炒锅家用炒菜锅平底锅具电磁炉通用</div>
                            <div>¥179.00</div>
                        </a>
                    </li>
                    <li class="A-main5-p">
                        <a href="#">
                            <div>
                                <img src="./images/index/A-main5-035.jpg" alt="">
                            </div>
                            <div>艾依美儿个性北欧沙发组合小户型简约现代布艺沙发客厅时尚皮沙发 弧线设计 全底可见 中软坐感 个性时尚</div>
                            <div>¥3999.00</div>
                        </a>
                    </li>
                    <li class="A-main5-p">
                        <a href="#">
                            <div>
                                <img src="./images/index/A-main5-036.jpg" alt="">
                            </div>
                            <div>北极绒记忆枕头枕芯单人慢回弹太空记忆枕头学生枕头成人护颈椎枕 热销40万件 舒适护颈 清仓 买二减五</div>
                            <div>¥29.90</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </main>
    <!-- main6 -->
    <main class="A-main6 A-floor">
        <ul>
            <li class="A-main6-hdzq">
                <a href="#">
                    <span></span>
                    <p>商创生鲜</p>
                    <span></span>
                    <p>年货带回家 满199减60</p>
                    <img src="./images/index/A-main6-011.png" alt="">
                </a>
            </li>
            <li class="A-main6-hdzq">
                <a href="#">
                    <span></span>
                    <p>商创众筹</p>
                    <span></span>
                    <p>备孕优孕检测仪</p>
                    <img src="./images/index/A-main6-012.png" alt="">
                </a>
            </li>
            <li class="A-main6-hdzq">
                <a href="#">
                    <span></span>
                    <p>智能生活</p>
                    <span></span>
                    <p>智能爆款29.9元起</p>
                    <img src="./images/index/A-main6-013.png" alt="">
                </a>
            </li>
            <li class="A-main6-hdzq">
                <a href="#">
                    <span></span>
                    <p>企业采购季</p>
                    <span></span>
                    <p>生活电器最高减900元</p>
                    <img src="./images/index/A-main6-014.png" alt="">
                </a>
            </li>
            <li class="A-main6-hdzq">
                <a href="#">
                    <span></span>
                    <p>二手优品</p>
                    <span></span>
                    <p>iPhone 7P 12期免息</p>
                    <img src="./images/index/A-main6-015.png" alt="">
                </a>
            </li>
            <li class="A-main6-hdzq">
                <a href="#">
                    <span></span>
                    <p>领券中心</p>
                    <span></span>
                    <p>抢1000元电脑券</p>
                    <img src="./images/index/A-main6-016.png" alt="">
                </a>
            </li>
        </ul>
    </main>
    <!-- main7 -->
    <main class="A-main7 A-floor">
        <ul class="A-main7-ul">
            <!-- <li class="A-main7-lis">
                <a href="#">
                    <div class="A-main7-div1">
                        <img src="" alt="">
                    </div>
                    <div class="A-main7-div2">
                        摩飞（Morphyrichards）榨汁机 便携式充电迷你无线果汁机料理机随行杯MR9800 蓝色
                    </div>
                    <div class="A-main7-div3">
                        <span>¥219.00</span>
                        <div>¥399.00</div>
                    </div>
                </a>
            </li> -->
        </ul>
    </main>
    <!-- 尾部 -->
    <footer>
        <!-- 底部 -->
        <div class="d-foot">
            <!-- 底部版心 -->
            <!-- 灰色区域 -->
            <div class="d-foot-top">
                <!-- 灰色区域版心 -->
                <div class="d-foot-top-main">
                    <div class="d-service-list">
                        <!-- 七天包退 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-qi"></i>
                            <span>七天包退</span>
                        </div>
                        <!-- 正品保障 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-zheng"></i>
                            <span>正品保障</span>
                        </div>
                        <!-- 好评如潮 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-hao"></i>
                            <span>好评如潮</span>
                        </div>
                        <!-- 闪电发货 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-shan"></i>
                            <span>闪电发货</span>
                        </div>
                        <!-- 权威荣誉 -->
                        <div class="d-service-item">
                            <i class="d-f-icon d-f-icon-quan"></i>
                            <span>权威荣誉</span>
                        </div>
                    </div>
                    <!-- 电话咨询客服 -->
                    <div class="d-contact">
                        <div class="d-contact-item">
                            <i class="d-f-icon d-f-icon-tel"></i>
                            <span>4001-021-758</span>
                        </div>
                        <div class="d-contact-item-last">
                            <i class="d-f-icon d-f-icon-kefu"></i>
                            <span>咨询客服</span>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 黑色区域中间部分 -->
            <div class="d-foot-center">
                <!-- 版心 -->
                <div class="d-foot-center-main">
                    <!-- 新手上路部分 -->
                    <div class="d-help-list">
                        <div class="d-help-item">
                            <h3>新手上路</h3>
                            <ul>
                                <li><a href="###">售后流程</a></li>
                                <li><a href="###">购物流程</a></li>
                                <li><a href="###">订购方式</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>配送与支付</h3>
                            <ul>
                                <li><a href="###">货到付款区域</a></li>
                                <li><a href="###">配送支付智能查询</a></li>
                                <li><a href="###">支付方式说明</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>服务保证</h3>
                            <ul>
                                <li><a href="###">退换货原则</a></li>
                                <li><a href="###">售后服务保证</a></li>
                                <li><a href="###">产品质量保证</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>联系我们</h3>
                            <ul>
                                <li><a href="###">网站故障报告</a></li>
                                <li><a href="###">选机咨询</a></li>
                                <li><a href="###">投诉与建议</a></li>
                            </ul>
                        </div>
                        <div class="d-help-item">
                            <h3>会员中心</h3>
                            <ul>
                                <li><a href="###">资金管理</a></li>
                                <li><a href="###">我的收藏</a></li>
                                <li><a href="###">我的订单</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- 二维码部分 -->
                    <div class="d-fooot-center-ewm">
                        <div class="d-qr-item d-qr-item-first">
                            <div class="d-code_img"><img src="./images/d-foot-ewm1.jpg">
                            </div>
                            <div class="d-code_txt">关注微信</div>
                        </div>
                        <div class="d-qr-item">
                            <div class="d-code_img"><img src="./images/d-foot-ewm2.jpg">
                            </div>
                            <div class="d-code_txt">下载APP</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 黑色区域下部分 -->
            <div class="d-foot-bottom">
                <!-- 版心 -->
                <div class="d-foot-bottom-main">
                    <p class="d-foot-nav">
                        <a href="###">首页</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">隐私保护</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">联系我们</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">免责条款</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">公司简介</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">商家入驻</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">供应商入驻</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">意见反馈</a>
                    </p>
                    <p class="d-foot-nav">
                        <a href="###">b2b2c</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">多用户商城系统</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">商城系统</a>
                        <span class="d-foot-spacer"></span>
                        <a href="###">ecjia新零售</a>
                    </p>
                    <p class="d-foot-nav2">
                        <span>ICP备案证书号:</span><a href="###">沪ICP备14029880号-5</a>
                    </p>
                    <p class="d-foot-nav2">
                        <a href="###">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                    </p>
                    <p class="d-foot-kong">&nbsp;</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 侧边栏 -->
    <aside>
        <!-- 侧边栏 -->
        <div class="d-screen-side">
            <!-- <div class="d-screen-side-lay"> -->
            <!-- 黑色区域 -->
            <div class="d-side-balck">
                <!-- 顶部 -->
                <div class="d-side-black-top">
                    <ul class="d-sideulul">
                        <!-- 用户 -->
                        <li class="d-yonghuli">
                            <a href="###"><i class="d-yonghu"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="d-setting-con">
                                <div class="d-setting-contop">
                                    <p class="d-setting-contopimgbox">
                                        <img src="./images/d-touxiang.jpg" width="100" height="100">
                                    </p>
                                    <ul class="d-user">
                                        <li>用户名：暂无</li>
                                        <li>级 别：暂无</li>
                                    </ul>
                                </div>
                                <div class="d-btnbox">
                                    <a href="###" class="d-order">我的订单</a>
                                    <a href="####" class="d-favorite">我的收藏</a>
                                </div>
                                <i class="d-ycxsjwhite"></i>

                            </div>
                        </li>
                        <!-- 购物车 -->
                        <li id="d-shop-car">
                            <a href="####" class="d-cart_list">
                                <i class="d-message"></i>
                                <div class="d-aspan">购物车</div>
                                <span class="d-cart_num">0</span>
                            </a>
                        </li>
                        <!-- 订单 -->
                        <li class="d-dingdanli">
                            <a href="###"><i class="d-dingdan"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-dingdan1">
                                <div class="d-yc-dingdan">
                                    <span style="font-size:12px">我的订单</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 优惠卷 -->
                        <li class="d-youhuijuanli">
                            <a href="###"><i class="d-youhuijuan"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-youhuijuan1">
                                <div class="d-yc-youhuijuan">
                                    <span style="font-size:12px">优惠卷</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的资产 -->
                        <li class="d-zichanli">
                            <a href="###"><i class="d-zichan"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-zichan1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">我的资产</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的足迹 -->
                        <li class="d-zujili">
                            <a href="###"><i class="d-zuji"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-zuji1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">我的足迹</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的收藏 -->
                        <li class="d-shoucangli">
                            <a href="###"><i class="d-shoucang"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-shoucang1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">我的收藏</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的邮箱 -->
                        <li class="d-youjianli">
                            <a href="###"><i class="d-youjian"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-youjian1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">邮箱订阅</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 底部 -->
                <div class="d-side-black-bottom">
                    <ul>
                        <!-- 客服中心 -->
                        <li class="d-kefuli">
                            <a href="###"><i class="d-kefu"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-kefu1">
                                <div class="d-yc-kefu">
                                    <span style="font-size:12px">客服中心</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>

                        <!-- 回到顶部 -->
                        <li class="d-topli">
                            <a href="###"><i class="d-top"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="d-side-gray">
                <!-- 灰色区域未完成 -->
                <div class="d-side-gray-shop">
                    <i class="d-shop-close"></i>
                    <p>购物车</p>
                </div>
                <!-- 中间区域 -->
                <div class="d-side-gray-main">
                    <div class="d-side-gray-main-empty">
                        <div class="d-tihuanbiaoqing">
                            <img src="./images/d-head-shopbiaoqing.png" alt="">
                            <div class="d-tip-text">
                                购物车空空的，赶快去挑选心仪的商品吧~
                                <br>
                                <a href="####">去首页看看</a>
                            </div>
                        </div>
                    </div>
                    <div class="d-side-gray-payshop">
                        <ul class="d-side-gray-payshopUl">

                        </ul>
                    </div>

                </div>
                <!-- 结算区域 -->
                <div class="d-side-gray-jiesuan">
                    <p>共<span class="d-numpay">0</span>件商品</p>
                    <div class="d-com_price">￥<b class="d-bbbpay">0.00</b></div>
                    <a href="./page/d-shop.html">
                        <div class="d-to_shopCart">去购物车结算</div>
                    </a>
                </div>
            </div>
        </div>
    </aside>
    <!-- 跳楼事件 -->
    <div class="A-tl">
        <div class="A-item">超级秒杀</div>
        <div class="A-item">秒杀活动</div>
        <div class="A-item">尖货盛典</div>
        <div class="A-item">发现好货</div>
        <div class="A-item">商创特卖</div>
        <div class="A-item">活动专区</div>
        <div class="A-item">还没逛够</div>
        <div class="A-top">Top^</div>
    </div>

    <!-- 轮播插件 -->
    <script src="js/A-lp1-swiper-bundle.js"></script>
    <!-- 插入渲染数据 -->
    <script src="./渲染数据/data.js"></script>
    <!-- 引入index主体的js -->
    <script src="./js/index.js"></script>
    <!-- 引入head的js -->
    <script src="./js/d-head.js"></script>
    <!-- 尾部引入js -->
    <script src="./js/d-foot.js"></script>
    <!-- 侧边栏 -->
    <script src="./js/d-sideNav.js"></script>
</body>

</html>